<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>anim</title>
  <script id="vertex-shader" type="x-shader/x-vertex">
    attribute vec4 vPosition;
    uniform float theta;
    void
    main()
    {
        float s = sin( theta );
        float c = cos( theta );
        gl_Position.x = -s * vPosition.y + c * vPosition.x;
        gl_Position.y =  s * vPosition.x + c * vPosition.y;
        gl_Position.z = 0.0;
        gl_Position.w = 1.0;
    }
  </script>
  
  <script id="fragment-shader" type="x-shader/x-fragment">
    precision mediump float;
    void
    main()
    {
        gl_FragColor = vec4( 1.0, 0.0, 0.0, 1.0 );
    }
  </script>
  <script src="/common/webgl-utils.js"></script>
  <script src="/common/initShaders.js"></script>
  <script src="/common/mv.js"></script>
  <script src="/common/mv2.js"></script>
</head>
<body>
  <canvas id="gl-canvas" width=500 height=500></canvas>
  <canvas id="canvas" width=500 height=500></canvas>
  <script src="main.js"></script>
  <script src="main2.js"></script>
</body>
</html>